<template>
  <PageListContainer>
    <div class="base-block">
      <k-search :model="state.params" @search="methods.onSearch" @reset="methods.onReset">
        <el-form-item label="订单号" prop="keyword">
          <el-input v-model="state.params.keyword" placeholder="请输入订单号"></el-input>
        </el-form-item>
      </k-search>
    </div>

    <div class="base-block">
      <k-table v-bind="tableState" v-on="tableEvent" />
    </div>
  </PageListContainer>
</template>

<script setup lang="ts">
// import { ref } from 'vue';
import { useTableList } from './hooks/use-table';

defineOptions({
  name: 'KgjAddCommuneOrderManage'
});
const { state, tableState, tableEvent, ...methods } = useTableList({});

</script>
